<template>
	<view class="wrapper">
		<!-- BOTTOM TREE IMG -->
		<view class="header">
			<view style="text-align: center;color: #fff;font-weight: 600">
				<view style="padding-top: 40px;font-size: 20px">客流报表</view>
				<view style="padding-top: 10px;font-size: 15px">- 建立完整的消费者数据库 -</view>
			</view>
		</view>
		<view class="img-wrap">
			<view class="table-figure" @click="daily">
				<uni-row style="margin-bottom: 10px;">
					<uni-col :span="5">
						<view style="margin-top: 15px;display: flex;justify-content: center;">
							<image src="../../static/ribao.png" style="width: 40px;height: 40px;"></image>
						</view>
					</uni-col>
					<uni-col :span="14">
						<view style="margin-top: 17px">
							<view style="color: #193566;font-size: 14px;font-weight: 800;">客流日报</view>
							<view style="font-size: 10px;color: #bdbdbd;margin-top: 5px">自动生成每日客流分折报表</view>
						</view>
					</uni-col>
					<uni-col :span="5">
						<view style="margin-top: 22px;display: flex;justify-content: center;">
							<image src="../../static/jinrujiantou.png" style="width: 30px;height: 30px;"></image>
						</view>
					</uni-col>
				</uni-row>
			</view>
			<view class="table-figure" @click="Weekly">
				<uni-row style="margin-bottom: 10px;">
					<uni-col :span="5">
						<view style="margin-top: 15px;display: flex;justify-content: center;">
							<image src="../../static/zhoubao.png" style="width: 40px;height: 40px;"></image>
						</view>
					</uni-col>
					<uni-col :span="14">
						<view style="margin-top: 17px">
							<view style="color: #193566;font-size: 14px;font-weight: 800;">客流周报</view>
							<view style="font-size: 10px;color: #bdbdbd;margin-top: 5px">自动生成每同客流分析报表</view>
						</view>
					</uni-col>
					<uni-col :span="5">
						<view style="margin-top: 22px;display: flex;justify-content: center;">
							<image src="../../static/jinrujiantou.png" style="width: 30px;height: 30px;"></image>
						</view>
					</uni-col>
				</uni-row>
			</view>
			<view class="table-figure" @click="month">
				<uni-row style="margin-bottom: 10px;">
					<uni-col :span="5">
						<view style="margin-top: 15px;display: flex;justify-content: center;">
							<image src="../../static/yuebao.png" style="width: 40px;height: 40px;"></image>
						</view>
					</uni-col>
					<uni-col :span="14">
						<view style="margin-top: 17px">
							<view style="color: #193566;font-size: 14px;font-weight: 800;">客流月报</view>
							<view style="font-size: 10px;color: #bdbdbd;margin-top: 5px">白动生成畅月客流分析报表</view>
						</view>
					</uni-col>
					<uni-col :span="5">
						<view style="margin-top: 22px;display: flex;justify-content: center;">
							<image src="../../static/jinrujiantou.png" style="width: 30px;height: 30px;"></image>
						</view>
					</uni-col>
				</uni-row>
			</view>
		</view>
		<tabBar></tabBar>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			daily() {
				wx.navigateTo({
					url: '/pages/report/daily/daily'
				})
			},
			Weekly() {
				wx.navigateTo({
					url: '/pages/report/Weekly/Weekly'
				})
			},
			month() {
				wx.navigateTo({
					url: '/pages/report/month/month'
				})
			},
		}
	}
</script>

<style>
	page {
		height: 100vh;
		display: flex;
		flex-direction: column;
	}

	.scrollarea {
		flex: 1;
		overdaily-y: hidden;
	}

	.log-item {
		margin-top: 20rpx;
		text-align: center;
	}

	.log-item:last-child {
		padding-bottom: env(safe-area-inset-bottom);
	}

	uni-page-body {
		height: 100%;
	}

	.wrapper {
		width: 100%;
		height: 100vh;
		overdaily: hidden;
		background-color: #F0F2FA;
	}

	.header {
		height: 30%;
		background: #333d8b;
		background-image: url('../../static/yd.png');
		background-size: 100% 100%;
	}

	.img-wrap {
		height: 100vh;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.table-figure {
		width: 90%;
		height: 75px;
		background: #ffffff;
		margin-top: 5%;
		border-radius: 5px;
	}
</style>